<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="history.js" type="text/javascript" charset="utf-8"></script>
	<script src="select.js" type="text/javascript" charset="utf-8"></script>
	<body>
<!-- 		1.制作三个页面  A,B,C   要求：
		    1.1 通过location对象实现A跳转到B,B到C。
		    1.2 在页面B设置两个按钮，分别实现前进、后退功能
		    1.3 三个页面分别设置三个按钮，实现页面刷新功能 -->
		<p>第一题</p>
		<button type="button" onclick="forwardPage()">前进</button>
		<button type="button" onclick="backPage()">后退</button>
		<button type="button" onclick="reloadPage()">刷新</button>
		<button type="button" onclick="goindex2()">跳转到index2</button>
<!-- 		2.新制作一个页面，要求：
		    2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
		    2.2 分别实现 id,类，标签 三种方式查找以上元素 -->
		<p>第二题</p>
		<div id="div1" class="classdiv">
			<h1 class="classdiv"></h1>
			<p></p>
			<p></p>
			<p></p>
			<p></p>
			<p></p>
			<input type="image" src="" class="classdiv"/>
			<ul>
				<li></li>
			</ul>
		</div>
		<div id="div2" class="classdiv">
			<p></p>
			<p></p>
			<p></p>
			<p></p>
			<p></p>	
			<input type="image" src=""  />
			<ul>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div id="div3">
			<p></p>
			<p></p>
			<p></p>
			<p></p>
			<p></p>
			<input type="image" src="" />
			<ul>
				<li></li>
				<li></li>
			</ul>
		</div>
		<button type="button" onclick="getDiv()">查询元素</button>
<!-- 		3.新制作一个注册页面，要求
			3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
			3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
			3.3 每个需要提交的标签都要有name值
			3.4 按照name的方式查找各个元素
			3.5 按照标签的方式查找各个元素 -->
		<p>第三题</p>
		<h3>注册</h3>
		用户：<input type="text" name="username" /><br>
		密码：<input type="password" name="password" /><br>
		性别：男<input type="radio" name="sex" value="男"/>女<input type="radio" name="sex" value="女"/><br>
		学院：<select name="shcool">
				<option value="软件工程学院">软件工程学院</option>
				<option value="文化旅游学院">文化旅游学院</option>
				<option value="医疗护理学院">医疗护理学院</option>
				<option value="信息制造学院">信息制造学院</option>
			</select><br>
		爱好：跑步<input type="checkbox" name="habbit" value="跑步" />篮球<input type="checkbox" name="habbit" value="篮球" />唱歌<input type="checkbox" name="habbit" value="唱歌" /><br>
		自我介绍：<textarea rows="" cols="" name="introduce"></textarea><br>
		<button type="submit" onclick="getName()">提交</button>
		<p>第四题</p>
<!-- 	  4.制作4个嵌套DIV ，要求：
		     1.每个父DIV尺寸必须大于子DIV
		     2.实现每个DIV在父DIV正中间
		     3.每个DIV至少要包含一个非DIV元素，比如：文字，P标签，A标签，图片等
		     4.通过最底层DIV，打印每层父DIV，如：
					1级父元素为（），1级父节点为（）
					2级父元素为（），2级父节点为（）
		     5.查找每个DIV的子元素和子节点 -->
			 <div id="divLayer1" style="width: 500px; height: 500px; background-color: #FF0000;">
			 	<p>阿吉</p>
				<p></p>
				<div id="divLayer2"style="width: 350px; height: 350px; background-color:blue;">
					<p>阿吉</p>
					<p></p>
					<div id="divLayer3"style="width: 200px; height: 200px; background-color: yellow;">
						<p>阿吉</p>
						<p></p>
						<div id="divLayer4"style="width: 100px; height: 100px; background-color: burlywood;">
							<p>阿吉</p>
							<p></p>
						</div>
					</div>
				</div>
			 </div>
			 <button type="button" onclick="getParentElement()">打印父元素</button>
			 <button type="button" onclick="getParentNode()">打印父节点</button>
			 <button type="button" onclick="getDivE_N()">打印div里的子元素和子节点</button>
	</body>
</html>
